// index.js

Page({
 
  data:{
   categories: ['饮品：'], // 大类
   foods: [], // 右侧美食列表
   currentIndex: 0, // 当前选中的大类索引
   scrollIntoView: 'category0' // 滚动到指定位置的 id
 },

 onLoad: function () {
   // 初始化美食数据
   this.initFoods();
 },
 switchCategory: function (e) {
   const index = e.currentTarget.dataset.index;
   this.setData({
     currentIndex: index,
     scrollIntoView: 'category' + index
   });
 },
 initFoods: function () {
   // 模拟数据，实际开发中可从后端获取
  
   this.setData({
     foods: foods[0],// 默认显示第一个大类的美食列表
     
   });
 },


  // 轮播图切换时触发
  bindchange(e) {
   this.setData({
     swiperIndex: e.detail.current
   });
 },

 switchNav: function(e) {
   var idx = e.currentTarget.dataset.current;
   this.setData({
     currentTab: idx
   });
 },
  //事件处理函数  
  switchRightTab: function (e) {
   // 获取item项的id，和数组的下标值  
   let id = e.target.dataset.id,
     index = parseInt(e.target.dataset.index);
   // 把点击到的某一项，设为当前index  
   this.setData({
     curNav: id,
     curIndex: index
   })
 }
,
 /**
  * 生命周期函数--监听页面加载
  */
 onLoad: function (options) {
   this.getCates();
 },

 getCates(){
   wx.request({
     url: 'https://api-hmugo-web.itheima.net/api/public/v1/categories',
     success: (res) => {
       const Cates = res.data.message;
       // 构造左侧的大菜单数据
       const leftMenuList = Cates.map(v => v.cat_name);
       // 构造右侧的大菜单数据
       const rightContent = Cates[0].children;
       this.setData({
         leftMenuList,
         rightContent
       });
     },
     fail: (err) => {
       console.error('请求失败', err);
     }
   });
 },


});